<template>
	<view class="classlist">
		<view class="content">
			<navigator url="" class="item" v-for="item in 12">
				<image src="../../common/images/preview_small.webp" mode="aspectFill"></image>
			</navigator>
			
		</view>
		
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	.classlist{
		.content{
			display: grid;
			grid-template-columns: repeat(3,1fr);
			gap: 5rpx;
			padding: 5rpx 5rpx;
			.item{
				height: 440rpx;
				image{
					display: block;
					width: 100%;
					height: 100%;
				}
				
			}
		}
	}
	       
</style>
